.site-header {
	padding: 0.75rem 0;
	border-top: 4px solid var(--link-color);
	border-block-start: 4px solid var(--link-color);
	border-bottom: 1px solid var(--divider-color);
	border-block-end: 1px solid var(--divider-color);

	.content-container {
		display: grid;
		align-items: start;
		padding-top: 0;
		padding-bottom: 0;
		padding-block-start: 0;
		padding-block-end: 0;

		@media all and (min-width: 680px) {
			justify-content: space-between;
		}
	}
}

.logo-link {
	display: inline-flex;
	justify-self: start;
	flex: none;
	place-content: center;
	grid-column: 1 / -1;
	grid-row: 1;
	padding: 0.5rem 0;
	z-index: 2;
}

.logo svg {
	display: inline-block;
	margin-bottom: -4px;
	margin-block-end: -4px;
	width: 100%;
	max-width: 100px;
	height: auto;
}
